<template>
	<view class="page">
		<!-- 顶部tab切换 -->
		<view class="tab-wrap">
			<view class="end-title">
				<view v-for="(item,index) in tabData" :key="index" :class="tabIndex == index ? 'on' : ''" @click.stop="tabChange(index)">
					{{item}}
				</view>
			</view>
			<view class="tab-cont">
				<view class="item" v-for="(item,index) in 10" :key="index">
					<navigator url="../collegesDetail/collegesDetail" hover-class="none" class="lf">
						<image src="../../static/gaoxiao1.png" mode=""></image>
					</navigator>
					<navigator url="../collegesDetail/collegesDetail" hover-class="none" class="md">
						<view class="name-tags-address">
							<view class="name">北京大学</view>
							<view class="tags">
								<text>985</text>
								<text>211</text>
								<text>985</text>
							</view>
							<view class="address">
								<text class="iconfont icondingwei"></text>
								北京
							</view>
						</view>
						<view class="type">
							综合|教育部
						</view>
					</navigator>
					<navigator url="../collegesContrastList/collegesContrastList" hover-class="nonne" class="rt">+对比</navigator>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabData:["学校收藏", "专业收藏", "招生计划收藏","资讯收藏"],
				tabIndex:0
			}
		},
		methods: {
			//顶部tab切换
			tabChange(e) {
				let that = this;
				that.tabIndex = e;
			}
		},
		onReachBottom(){
			console.log(111)
		}
	}
</script>

<style lang="scss" scoped>
@import 'myFavorite.scss';
</style>
